<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="wrap">
        <table>
            <thead>
                <tr>
                    <th>
                        全选
                        <input type="checkbox" class="check-all">
                    </th>
                    <th>
                        商品名称
                    </th>
                    <th>
                        商品参数
                    </th>
                    <th>
                        单价
                    </th>
                    <th>
                        数量
                    </th>
                    <th>
                        金额
                    </th>
                    <th>
                        操作
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <input type="checkbox" class="check-one">
                    </td>
                    <td>
                        <img src="img/1.jpg" alt="">
                    </td>
                    <td>
                        四季度后付款的酸辣粉
                    </td>
                    <td class="price">
                        198
                    </td>
                    <td>
                        <button class="reduce">-</button>
                        <span class="num">1</span>
                        <button class="add">+</button>
                    </td>
                    <td class="lit">
                        198
                    </td>
                    <td>
                        <button class="del">删除</button>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" class="check-one">
                    </td>
                    <td>
                        <img src="img/1.jpg" alt="">
                    </td>
                    <td>
                        四季度后付款的酸辣粉
                    </td>
                    <td class="price">
                        198
                    </td>
                    <td>
                        <button class="reduce">-</button>
                        <span class="num">1</span>
                        <button class="add">+</button>
                    </td>
                    <td class="lit">
                        198
                    </td>
                    <td>
                        <button class="del">删除</button>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" class="check-one">
                    </td>
                    <td>
                        <img src="img/1.jpg" alt="">
                    </td>
                    <td>
                        四季度后付款的酸辣粉
                    </td>
                    <td class="price">
                        198
                    </td>
                    <td>
                        <button class="reduce">-</button>
                        <span class="num">1</span>
                        <button class="add">+</button>
                    </td>
                    <td class="lit">
                        198
                    </td>
                    <td>
                        <button class="del">删除</button>
                    </td>
                </tr>
            </tbody>
        </table>
        <h2>
            <button class="del-all">批量删除</button>
            <span class="price-num">
                总价钱：<span>6842</span> ,总数量：<span>6</span>
            </span>
            <button class="clear">清空购物车</button>

        </h2>
    </div>


    <!-- <div class="mask"></div>
    <div class="content">
        <h2>
            确认要删除吗？
            <b>X</b>
        </h2>
        <button>确认</button>
        <button>取消</button>
    </div> -->
    <script src="./lib/require.js" data-main="main"></script>
</body>

</html>